usando React context y creo que la razón por la que podría no funcionar es por un problema de tipo en el archivo Context. El asunto dice:

No se puede llamar a createContext con el objeto literal vinculado a defaultValue porque el número [1] es incompatible con el Number [2] en el index de propiedad .Flow(incompatible-call)

 // @flow import React, { createContext, useContext } from "react"; export type CountryIndexProviderType = { index: Number, }; const CountryContext = createContext<CountryIndexProviderType>({ index: 0, }); type CountryContextProviderProps = { index: Number, }; const CountryContextProvider = ({ index }: CountryContextProviderProps) => { return <CountryContext.Provider value={{ index }}></CountryContext.Provider>; }; const useCountryIndexContext = () => useContext(CountryContext); export { CountryContext, CountryContextProvider, useCountryIndexContext };

COMPONENTE 1:

 import { CountryContextProvider } from "/EnteredCountriesContext"; return ( <StyledWrappingContainer> <StyledProgress>{index + 2}</StyledProgress> <CountryContextProvider index={index}></CountryContextProvider> </StyledWrappingContainer> );

COMPONENTE 2:

 import { useCountryIndexContext } from "/EnteredCountriesContext"; const { index } = useCountryIndexContext(); <StyledWrappingContainer> <StyledProgress> <StyledProgress>{index + 2}</StyledProgress> </StyledProgress> </StyledWrappingContainer>

¿Alguien puede detectar cuál podría ser mi problema?